<html>
<head>
<link rel="stylesheet" type="text/css" href="style1.css"/>
</head>
<body background="bg.png">
<header>
<img src="Screenshot_2012-11-23-15-55-54.png" width="903" height="303">
<h2 style="font-family:'Comic Sans MS', cursive">
Sign in &nbsp;
<input type="text" name="username" value="username"></input>
<input type="password" name="password" value="password"></input>
<input type="button" name="masuk" value="log in">
<div id="notmember">
Not a member? <a href="#">Click</a>
</div>
</div>
</h2>

</header>
<br><br><br>
<center>
<form action="cari" method="get">

<input list="browsers" name="Masakan" size="100">
<datalist id="browsers">
  <option value="Alat Masak">
  <option value="Bahan">
  <option value="Bumbu">
  <option value="Olahan">
  <option value="Resep">
</datalist>
<input type="submit" name="cari" value="search" style="background:url(search.png);"></form>
<center>
<div id="profil" style="background-color:#C60">
<p>
Hot Threads
</p>
<table align="center" style="font-family:'Comic Sans MS', cursive">
<tr>
	<td width="200"><a href="#">Ayam Bakar Madu</a></td>
    <td><i>Kali ini saya akan berbagi resep andalan keluarga...</i></td>
</tr>
<tr>
	<td><a href="#">Mencapir Bumbu Dapur</a></td>
    <td><i>Ada Beberapa Trik yang yang biasa digunakan oleh...</i></td>
</tr>
<tr>
	<td><a href="#">Tips Memilih Penggorengan</a></td>
    <td><i>Tips-tips memilih penggorengan yang baik dan benar :...</i></td>
</tr>
<tr>
	<td><a href="#">Macam-macam Kecap</a></td>
    <td><i>Sebenarnya ada beberapa macam kecap yang biasa di gunakan...</i></td>
</tr>
<tr>
	<td><a href="#">Gula-Garam</a></td>
    <td><i>Gula dan Garam adalah dua bumbu dapur yang memiliki...</i></td>
</tr>
<tr>
	<td width="200"><a href="#">Ayam Bakar Madu</a></td>
    <td><i>Kali ini saya akan berbagi resep andalan keluarga...</i></td>
</tr>
<tr>
	<td><a href="#">Mencapir Bumbu Dapur</a></td>
    <td><i>Ada Beberapa Trik yang yang biasa digunakan oleh...</i></td>
</tr>
<tr>
	<td><a href="#">Tips Memilih Penggorengan</a></td>
    <td><i>Tips-tips memilih penggorengan yang baik dan benar :...</i></td>
</tr>
<tr>
	<td><a href="#">Macam-macam Kecap</a></td>
    <td><i>Sebenarnya ada beberapa macam kecap yang biasa di gunakan...</i></td>
</tr>
<tr>
	<td><a href="#">Gula-Garam</a></td>
    <td><i>Gula dan Garam adalah dua bumbu dapur yang memiliki...</i></td>
</tr>
</table>
    
</div>
</center>
</body>
</html>